<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>登录</title>
	<style>

		#content {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			background-color: #34495e;
			text-align-last: center;
			/*这里做一个半透明效果*/
			filter: alpha(Opacity=60);
			-moz-opacity: 0.8;
			opacity: 0.8;
		}

		#userid {
			color: #3498db;
			font-size: 30px;
			text-align: center;
			border-radius: 25px; /*边框圆角*/
		}

		#password {
			color: #3498db;
			font-size: 30px;
			text-align: center;
			border-radius: 25px;
		}

		#denglu {
			background-color: pink;
			border-radius: 10px;
			border: 0; /*边框宽度0*/
			height: 50px;
			width: 90px;
			padding: 5px 10px; /*上下填充10 左右5*/
			font-size: 20px;
		}

		#zhuce {
			background-color: pink;
			border-radius: 10px;
			border: 0; /*边框宽度0*/
			height: 50px;
			width: 90px;
			padding: 5px 10px; /*上下填充10 左右5*/
			font-size: 20px;
		}

		#content h1 {
			color: white;
			font-size: 50px;
		}
	</style>
</head>
<body >

<div id="content">
	<h1>Welcome</h1><br/>
 		<p th:text="${errMsg}" style="color: red"></p>
	<form th:action="@{/login}" method="post">
		<input type="text" name="userCode" id="userid" placeholder="请输入账号" value="admin"/><br/><br/>
		<input type="password" name="password" id="password" placeholder="请输入密码" value="123456"/><br/><br/>
		<input type="submit" name="denglu" id="denglu" value="登录"/>&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
		&nbsp; &nbsp; <a th:href="@{/user/register}" target="_blank">
		<input type="button" name="zhuce" id="zhuce" value="注册"/></a>
	</form>


</div>
</body>

</html>